<div class="evaluated-container w100 h100">
  <div class="content-box" *ngIf="!view">
    <div class="table-top-search">
      <div class="top-search-right">
        <label>
          学年:
          <nz-select [(ngModel)]="searchParams.schoolYear" nzPlaceHolder="请选择">
            <nz-option *ngFor="let item of yearList" [nzLabel]="item.schoolYear" [nzValue]="item.schoolYear"></nz-option>
          </nz-select>
        </label>
        <label>
          学期:
          <nz-select [(ngModel)]="searchParams.semester" nzPlaceHolder="请选择">
            <nz-option *ngFor="let item of semesterList" [nzLabel]="item.semesterName" [nzValue]="item.semester"></nz-option>
          </nz-select>
        </label>
        <label>
          课程编号：
          <input nz-input type="text" [(ngModel)]="searchParams.number" placeholder="请输入">
        </label>
        <label>
          课程名称：
          <input nz-input type="text" [(ngModel)]="searchParams.name" placeholder="请输入">
        </label>
        <div class="table-top-btn">
          <button nz-button nzType="primary" (click)="clickSearch()">查询</button>
          <button nz-button nzType="default" (click)="resetSearch()">重置</button>
        </div>
      </div>
    </div>
    <div class="table-box">
      <ng-template #totalTemplate let-total>总共 {{ pageInfo.totalRecords? pageInfo.totalRecords:0 }} 条</ng-template>
      <nz-table
        nzBordered
        [nzData]="dataList"
        [nzFrontPagination]="false"
        [nzShowPagination]="true"
        [nzPageIndex]="pageInfo.first"
        [nzTotal]="pageInfo.totalRecords"
        [nzShowTotal]="totalTemplate"
        [nzPageSize]="pageInfo.rows"
        [nzLoadingDelay]="1"
        [nzPageSizeOptions]="[10,20,30,50,100]"
        [nzShowQuickJumper]="true"
        [nzShowSizeChanger]="true"
        (nzPageIndexChange)="changePageIndex($event)"
        (nzPageSizeChange)="changePageSize($event)"
        [nzWidthConfig]="nzWidthConfigs"
        [nzScroll]="{x: '2240px'}"
      >
        <thead>
        <tr>
          <th>序号</th>
          <th>学年</th>
          <th>学期</th>
          <th>课程编号</th>
          <th>课程名称</th>
          <th>课时</th>
          <th>课程类型</th>
          <th>开课部门</th>
          <th>任课教师</th>
          <th>工号</th>
          <th>职称</th>
<!--          <th>授课系部</th>-->
<!--          <th>授课专业</th>-->
<!--          <th>授课班级</th>-->
          <th>上课地点</th>
          <th>评价时间</th>
          <th>提交评价时间</th>
          <th>评价分数</th>
          <th nzRight="0px">操作</th>
        </tr>
        </thead>
        <tbody>
        <tr *ngFor="let item of dataList; let i = index;">
          <td>{{i + 1}}</td>
          <td>{{ item.schoolYear}}</td>
          <td>{{ item.semesterName}}</td>
          <td>{{ item.number}}</td>
          <td>{{ item.name}}</td>
          <td>{{ item.sectionCount}}</td>
          <td>{{ item.type}}</td>
          <td>{{ item.startDeptName}}</td>
          <td>{{ item.teacherName}}</td>
          <td>{{ item.teacherNumber}}</td>
          <td>{{ item.teacherTitle}}</td>
<!--          <td>{{ item.teachDeptName}}</td>-->
<!--          <td>{{ item.majorName}}</td>-->
<!--          <td>{{ item.classesName}}</td>-->
          <td>{{ item.address}}</td>
          <td>{{item.superviseDateStr}}</td>
          <td>{{item.gmtCreate | date: 'yyyy-MM-dd HH:mm:ss'}}</td>
          <td>{{item.score}}</td>
          <td nzRight="0px">
            <span class="operaFont firOpera" (click)="clickEvaluateInfo(item)">详情</span>
          </td>
        </tr>
        </tbody>
      </nz-table>
    </div>
  </div>
  <div class="info-box w100 h100" *ngIf="view">
    <div class="title flex flex-space-between flex-align-center">
      <div class="title-left">
        评分：
        <span class="score">{{evaluateObj.score}}</span>
        <span class="txt">分</span>
      </div>
      <div class="back-info operaFont" (click)="view = false">
        返回上一级<i class="fa fa-reply m-l-sm"></i>
      </div>
    </div>
    <table class="table table-bordered">
      <thead>
        <tr>
          <th>序号</th>
          <th style="width: 500px;">问题</th>
          <th>分数</th>
          <th>选项</th>
          <th>理由</th>
          <th>得分</th>
        </tr>
      </thead>
      <tbody>
        <tr *ngFor="let item of questionList; let i = index;">
          <td>{{i + 1}}</td>
          <td><span [innerHTML]="item.examQuestionContent"></span></td>
          <td>{{item.examQuestionScore}}</td>
          <td>{{item.examSelectName}}</td>
          <td>{{item.content}}</td>
          <td>{{item.getScore}}</td>
        </tr>
      </tbody>
    </table>
  </div>
</div>
